<template>
<view>
  <text>props 组件使用</text>
  <text >组件的name ：{{name}}</text>
  <view>
    <text>组件的content：{{content}}</text>
    <slot></slot>
  </view>

</view>
</template>

<script setup>
 //import {ref,defineProps} from 'vue'
 //const props = defineProps(['name','content'])

 defineProps({
   name:String,
   //父组件删除，便可展示该效果
   content:{
     type:String,
     default:() =>{
       return "默认数据"
     }
   }
 })

</script>

<style scoped lang="scss">

</style>